<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据联动2</title>
  <link rel="stylesheet" href="./libs/bootstarp.min.css">

</head>

<body>

  <!-- 省份的表单部分 -->
  <div style="display: flex;justify-content: center;">

    <div class="p-3">
      <select id="selProvince" class="form-select">
        <option value="-1">请选择省份</option>
      </select>

    </div>

    <div class="p-3">
      <button id="btnOk" class="btn btn-primary">确定</button>
    </div>

  </div>

  <!-- 城市的信息部分 -->
  <table class="table table-bordered table-hover table-striped">

    <thead>
      <tr>
        <th>编号</th>
        <th>城市名称</th>
        <th>省份</th>
      </tr>
    </thead>

    <tbody id="tbCity">
      <!-- <tr>
        <td>1</td>
        <td>湖南</td>
        <td>1</td>
      </tr> -->
    </tbody>

  </table>


  <script src=" ./libs/axios.min.js"></script>
  <script src="./libs/qs.min.js"></script>
  <script src="./libs/bootstarp.min.js"></script>
  <script src="./js/ajax.js"></script>

  <script src="./js/linkui.js"></script>

</body>

</html>